<!DOCTYPE>
<html>
    <head>
        <meta charset="utf-8">
        <title>staticPgae</title>
        <link rel="stylesheet" href="static.css">
    </head>
    <body class="float-left">
        <div id="containAll" class="float-left">
            <div id="titleBar">
                <h3 id="easybook">简 书</h3>
                <div id="centerTitlebar">
                    <div class="icon-and-words">
                        <img src="导航.png" class="titlebar-icon">
                        <b class="titlebar-words" id="firstPage">首页</b>
                    </div>
                    <div class="icon-and-words">
                        <img src="手机.png" class="titlebar-icon">
                        <b class="titlebar-words">下载APP</b>
                    </div>
                    <div id="containInput" class="icon-and-words">
                        <input type="text" placeholder="搜索">
                        <div id="containImgSearch">
                            <img src="搜索框.png" id="search">
                        </div>
                    </div>
                </div>
                <div id="rightTitlebar">
                    <a class="lableA">Aa</a>
                    <a class="lableA">登 录</a>
                    <button type="button" id="regist">注 册</button>
                    <button type="button" id="writeAriticle"><img src="羽毛.png" class="titlebar-icon">写文章</button>
                </div>
            </div>
            <div id="mainBottom" class="float-left">
                <div id="containImgTurn">
                    <img src="轮播.png" id="easybookImg">
                    <div id="containArrow"> 
                        <div id="turnLeft" class="arrow-direction"><img src="右箭头.png"></div>
                        <div id="turnRight" class="arrow-direction"><img src="左箭头.png"></div> 
                    </div>
                </div>
                <div id="containRest" class="float-left">
                    <div class="bottom-left">
                    <div id="containEightDiv" class="bottom-left">
                        <div class="little-div"><img src="flower.jpg" class="little-img">
                            <p class="little-word">社会热点</p> </div>
                        <div class="little-div"><img src="growman.jpg" class="little-img">
                            <p class="little-word">成长励志</p> </div>
                        <div class="little-div"><img src="load.jpg" class="little-img">
                            <p class="little-word">连载小说</p> </div>
                        <div class="little-div" id="entertainment"><img src="entertainment.png" class="little-img">
                            <p class="little-word">娱乐八卦</p> </div>
                        <div class="little-div"><img src="简书日报-专题.png" class="little-img">
                            <p class="little-word">简书日报-每日精选</p> </div>
                        <div class="little-div"><img src="load.jpg" class="little-img">
                            <p class="little-word">旅行-在路上</p> </div>
                        <div class="little-div"><img src="pumpkin.jpg" class="little-img">
                            <p class="little-word"> 美食</p></div>
                        <div id="moreHotTitleDiv" class="little-div"><p class="little-word" id="moreHotTitle">
                            更多热门标题</p><img src="箭头3.png" id="littleArrow" class="little-img"></div>
                    </div>
                    <div id="containWords" class="bottom-left">
                    <div class="bottom-left">
                        <div id="littleTitleTop" class="little-bottom-left">
                            <img src="man.jpeg" id="manImg" class="float-left">
                            <p id="classmate" class="float-left">怀左同学</p>
                            <p id="fiveHourAgo">5 小时前</p>
                        </div>
                        <div id="containManSaying" class="little-bottom-left">
                            <h3 id="likelove" class="saying">喜欢和爱的区别，究竟有多大？</h3>
                            <p id="longWord" class="saying">01你有没有喜欢或者真正爱过一个人，原来喜欢和爱终是有区别的，写文章的我，经常会
                            捕捉到一些微妙的感情，只有真正面对微妙时，我才深感语言的无能。我们常常不能直接用言...</p>
                        </div>
                            <img src="flower.jpg" id="flower">
                    </div>
                    <div id="bottomBar" class="float-left">
                        <button id="share">我是大神我要分享！</button>
                        <div class="more-little-div"><img src="浏览.png" class="more-little-img">
                            <p class="number">10245</p></div>
                        <div class="more-little-div" id="span121"><img src="评论.png" class="more-little-img">
                            <p class="number">121</p></div>
                        <div class="more-little-div" id="span472"><img src="收 藏.png" class="more-little-img">
                            <p class="number">472</p></div>
                        <div class="more-little-div"><img src="打赏.png" class="more-little-img">
                            <p class="number">3</p></div>
                    </div>
                </div>
            </div>
            <div id="containfiveDiv">
                <li id="newLi" class="bottom-li"><b class="li-b" id="liNew">新 上 榜</b>
                    <img src="箭头3.png" class="button-arrow"></li>
                <li id="hot7Li" class="bottom-li"><b class="li-b" id="liHot7">7 日 热 门</b>
                    <img src="箭头3.png" class="button-arrow"></li>
                <li id="hot30Li" class="bottom-li"><b class="li-b" id="liHot30">30 日 热 门</b>
                    <img src="箭头3.png" class="button-arrow"></li>
                <li id="center" class="bottom-li"><b class="li-b" id="liCenter">简 书 版 权 中 心</b>
                    <img src="箭头3.png" class="button-arrow"></li>
                <li id="learn" class="bottom-li"><b class="li-b" id="liLearn">简 书 大 学 堂</b>
                    <img src="箭头3.png" class="button-arrow"></li>
                <div id="codeDiv">
                    <img src="二维码.png" id="codeImg">
                <div id="inCodeDiv">
                    <b id="codeP" class="li-b">下载简书手机APP</b>
                    <img src="箭头3.png" id="nextToCodePng" class="button-arrow">
                    <p id="underCodeP" class="li-b">随时随地发现和创作内容</p>
                </div>
                </div>
            </div>
        </div>
    </body>
</html>